<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>游戏界面</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/game.css"/>
		<style type="text/css">
			.mobile{
			    width: 100%;
			    height: 640px;
			    background:#CE0020;
		</style>
	</head>
	<body>
		<div class="mobile">
			<div class="mask">
				
			</div>
			<div class="all">
				<div class="top">
					<img class="time" src="img/Mc_txt_time.png" alt="" />
					<img src="img/Mc_logo2.png" alt="" class="jiajuLogo" />
					<img src="img/Mc_txt_score.png" alt="" class="score" />
					<p>30s</p>
					<p>0</p>
				</div>
				<!--<div class="ball"></div>
				<div class="boom"></div>
				<div class="boy"></div>
				<div class="girl"></div>-->
				<div class="player"></div>
				<div class="overPage">
					<img src="img/Mc_tit_over.png" alt="" />
					<p class="grade"></p>
					<img class="Btn_again" src="img/Btn_again.png" alt="" />
					<img class="Btn_share" src="img/Btn_share.png" alt="" />
					<img class="Btn_rank2" src="img/Btn_rank2.png" alt="" />
				</div>
				<div class="overPage overPage_share">
					<img id="rank_txt" src="img/Mc_tit_rank.png" alt="" />
					<p id="rank"></p>
					<img class="Btn_again" id="rank_again" src="img/Btn_back.png" alt="" />
				</div>
			</div>
			<audio autoplay="autoplay" loop="loop" class="au">
			  <!--<source src="horse.ogg" type="audio/ogg">-->
			  <source src="img/Sound_bg.mp3" type="audio/mpeg">
				您的浏览器不支持 audio 元素。
			</audio>
			<audio class="au2">
			  <source src="img/amazing.mp3" type="audio/mpeg">
				您的浏览器不支持 audio 元素。
			</audio>
			<audio class="au3">
			  <source src="img/great.mp3" type="audio/mpeg">
				您的浏览器不支持 audio 元素。
			</audio>
			<audio class="au4">
			  <source src="img/00.mp3" type="audio/mpeg">
				您的浏览器不支持 audio 元素。
			</audio>
			<div class="btnBgm">
				<img src="img/Btn_sound1.png" alt=""/>
			</div>
		</div>
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/jquery.transit.js"></script>
		<script src="js/game.js"></script>
		<script type="text/javascript">
				var isClick = true;				
			$(".btnBgm img").eq(0).on("click",function(){
				isClick=!isClick;
				console.log(1111)
				if(isClick){
					$(".au")[0].play();
				}else{
					$(".au")[0].pause();
				}
			})
		</script>	
	</body>
</html>
